<template>
	<el-container>
		<el-header style="text-align:center">
            <nagivation/>
		</el-header>
		<el-main>
			<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
				<el-tab-pane label="我的文章" name="first"><MyArticle/></el-tab-pane>
				<el-tab-pane label="个人信息" name="third"><myselfInformation/></el-tab-pane>
			</el-tabs>
		</el-main>
	</el-container>
</template>

<script>
import nagivation from '../component/nagivation.vue';
import MyArticle from '@/component/MyArticle.vue';
import myselfInformation from '@/component/myselfInformation.vue';
export default {
	data() {
		return {
			activeName:'first'
		}
	},
	components:{
        MyArticle,myselfInformation,nagivation
	},
	methods: {
		handleClick(tab, event) {
			console.log(tab, event);
		},
		goIndex() {
			this.$router.push({
				name: 'index'
			})
		},
		goArticle() {
			this.$router.push({
				name: 'writeArticle'
			})
		},
		goAttention() {
			this.$router.push({
				name: 'attention'
			})
		},
		goAboutMe() {
			this.$router.push({
				name: 'about'
			})
		},
	}
}
</script>

<style>
</style>